<!DOCTYPE html>
<html lang="en">
<head>
    <title>小麦保</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="这是一个报修申请页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="icon" type="image/png" href="../assets/i/maizi.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
    <link rel="stylesheet" href="../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../assets/css/admin.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <script src="../assets/js/echarts.min.js"></script>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/amazeui.min.js"></script>
    <script src="../javascript/addRepairOrder.js"></script>
</head>
<body>
    <header id="header" class="am-topbar am-topbar-inverse admin-header">
    </header>
    <div class="tpl-page-container tpl-page-header-fixed">
        <div id="sidebar" class="tpl-left-nav tpl-left-nav-hover">

        </div>

        <!--这里写业务逻辑-->
        <div class="tpl-content-wrapper">
            <ol class="am-breadcrumb">
                <li><a href="base.html" class="am-icon-home">首页</a></li>
                <li><a href="addRepairOrder.html">申请报修</a></li>
            </ol>
            <div class="tpl-portlet-components">
                <div class="portlet-title">
                    <div class="caption font-green bold">
                        <span></span> 报修单提交
                    </div>
                </div>

                <div class="tpl-block">
                    <div class="am-g">
                        <div class="tpl-form-body tpl-form-line">
                            <form class="am-form tpl-form-line-form">
                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">设备编号 <span class="tpl-form-line-small-title">Device NO</span></label>
                                    <div class="am-u-sm-7" style="float: left">
                                        <input type="text" class="tpl-form-input" id="deviceNO"
                                               placeholder="请填写设备编号">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">问题描述 <span
                                            class="tpl-form-line-small-title">Problem</span></label>
                                    <div class="am-u-sm-7" style="float: left">
                                        <input id="problem" type="text" placeholder="输入使用中遇到的问题">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">报修日期 <span
                                            class="tpl-form-line-small-title">Repair Date</span></label>
                                    <div class="am-u-sm-7" style="float: left">
                                        <input type="text" id="repairDate" class="am-form-field tpl-form-no-bg" placeholder="报修日期"
                                               data-am-datepicker=""/>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label">快递单号 <span class="tpl-form-line-small-title">Express NO</span></label>
                                    <div class="am-u-sm-7" style="float: left">
                                        <input type="text" id="expressNO" placeholder="输入快递单号">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-5">
                                        <button id="subBtn" type="button"
                                                class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交报修单
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-alert" tabindex="-1" id="success-modal">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">提交成功！</div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
            </div>
        </div>
    </div>

    <div class="am-modal am-modal-no-btn" tabindex="-1" id="error-modal">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">提交失败，请检查您输入的信息完整</div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
            </div>
        </div>
    </div>
</body>
</html>